<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>Uruguay Viajes</title>
    </h:head>
    <h:body>
        <ui:composition template="/resources/template.xhtml">
            <!--<ui:define name="login">Usuario Registrado!</ui:define>-->
            <ui:define name="subTitle"><table><tr></tr><tr><td><div class="diego">Conozca nuestras ofertas</div></td></tr></table></ui:define>
            <ui:define name="content">
                <f:view locale="#{uruguayViajesBean.appLocale}">
                    <f:loadBundle var="etiquetas" basename="uy.edu.ort.uruguayviajes.bundle.Etiquetas"/>
                    <table>
                        <tr>
                            <td>&nbsp;</td>
                            <td></td>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                            <td>
                                <h:form id="paquetesForm">
                                    <rich:dataTable id="tablaPaquetes" value="#{paquetesBean.listaPaquetes}" var="paq"
                                                    iterationStatusVar="indicePaquete"
                                                    rows="20" rowClasses="odd-row, even-row">
                                        <rich:column styleClass="columnContenido">
                                            <f:facet name="header">
                                                <h:outputText value="#{etiquetas.lbl_codigo}"/>
                                            </f:facet>
                                            <h:outputText value="#{paq.codigo}"/>
                                        </rich:column>    
                                        <rich:column styleClass="columnContenido">
                                            <f:facet name="header">
                                                <h:outputText value="#{etiquetas.lbl_origen}"/>
                                            </f:facet>
                                            <h:outputText value="#{paq.origen}"/>
                                        </rich:column>
                                        <rich:column styleClass="columnContenido">
                                            <f:facet name="header">
                                                <h:outputText value="#{etiquetas.lbl_destino}"/>
                                            </f:facet>
                                            <h:outputText value="#{paq.destino}"/>
                                        </rich:column> 

                                        <rich:column styleClass="columnContenido">
                                            <f:facet name="header">
                                                <h:outputText value="#{etiquetas.lbl_costo}"/>
                                            </f:facet>
                                            <h:outputText value="#{paq.costo}"/>
                                        </rich:column>
                                        <rich:column>
                                            <f:facet name="header">
                                                <h:outputText value="#{etiquetas.lbl_detalles}"/>
                                            </f:facet>
                                            <a4j:commandLink render="panelDetallePaquete" oncomplete="#{rich:component('panelDetallePaquete')}.show();" >
                                                <h:graphicImage alt="#{etiquetas.btn_detalles}" value="./imagenes/detalles.gif" width="16" height="16"/>
                                                <f:setPropertyActionListener value="#{paq}" target="#{paquetesBean.paquete}" />
                                            </a4j:commandLink>
                                            <h:outputText value="&nbsp;"/>
                                        </rich:column>
                                    </rich:dataTable>
                                    <!-- Panel para ver detalles del paquete -->
                                    <!---->
                                    <rich:popupPanel id="panelDetallePaquete" domElementAttachment="form" autosized="true" modal="true" header="#{etiquetas.lbl_detalles} paquete #{paquetesBean.paquete.codigo}">
                                        <table width="500" border="0">
                                            <tr>
                                                <td><h:outputText value="#{etiquetas.lbl_codigo}"/></td>
                                                <td colspan="3"><h:outputText value="#{paquetesBean.paquete.codigo}"/></td>
                                            </tr>
                                            <tr>
                                                <td> <h:outputText value="#{etiquetas.lbl_descripcion}"/></td>
                                                <td colspan="3" class="textoRecuadro" ><h:outputText value="#{paquetesBean.paquete.descripcion}"/></td>
                                            </tr>
                                            <tr>
                                                <td> <h:outputText value="#{etiquetas.lbl_origen}"/></td>
                                                <td><h:outputText value="#{paquetesBean.paquete.origen}"/></td>
                                                <td> <h:outputText value="#{etiquetas.lbl_destino}"/></td>
                                                <td><h:outputText value="#{paquetesBean.paquete.destino}"/></td>
                                            </tr>
                                            <tr>
                                                <td><h:outputText value="#{etiquetas.lbl_desde}"/></td>
                                                <td><h:outputText value="#{paquetesBean.paquete.fechaSalida.day}/#{paquetesBean.paquete.fechaSalida.month}/#{paquetesBean.paquete.fechaSalida.year}"/></td>
                                                <td><h:outputText value="#{etiquetas.lbl_hasta}"/></td>
                                                <td><h:outputText value="#{paquetesBean.paquete.fechaLlegada.day}/#{paquetesBean.paquete.fechaLlegada.month}/#{paquetesBean.paquete.fechaLlegada.year}"/></td>
                                            </tr>
                                            <tr>
                                                <td><h:outputText value="#{etiquetas.lbl_servicios}"/></td>
                                                <td colspan="3">
                                                    <rich:list value="#{paquetesBean.paquete.servicios}" var="serv"
                                                               iterationStatusVar="indiceServicio"
                                                               rows="10" rowClasses="odd-row, even-row">
                                                        <rich:column>
                                                            <f:facet name="header">
                                                                <h:outputText value="#{etiquetas.lbl_codigo}"/>
                                                            </f:facet>
                                                            <h:outputText value="#{paq.codigo}"/>
                                                        </rich:column>    
                                                    </rich:list>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td colspan="4" align="center" class="textoResaltado"><h:outputText value="SÓLO POR US$ #{paquetesBean.paquete.costo}"/></td>
                                            </tr>
                                            <tr>
                                                <td>&nbsp;</td>
                                                <td>&nbsp;</td>
                                                <td align="right">
                                                    <a4j:commandButton value="#{etiquetas.btn_comprar}" action="#{paquetesBean.reservaPaquete}" oncomplete="#{rich:component('panelDetallePaquete')}.hide(); return false;">
                                                    </a4j:commandButton>
                                                </td>
                                                <td align="right">
                                                    <a4j:commandButton value="#{etiquetas.btn_volver}" onclick="#{rich:component('panelDetallePaquete')}.hide(); return false;" />
                                                </td>
                                            </tr>
                                        </table>    
                                    </rich:popupPanel>
                                </h:form> 
                            </td>
                            <td>&nbsp;</td>
                        </tr>
                    </table>
                </f:view>
            </ui:define>
        </ui:composition>
    </h:body>
</html>

